@use "../color" as vars;

@forward "element-plus/theme-chalk/src/common/var.scss" with (
  $colors: (
    "primary": (
      "base": vars.$primary,
    ),
    "info": (
      "base": vars.$info,
    ),
    "success": (
      // 成功色
      "base": vars.$success,
    ),
    "warning": (
      // 警告色
      "base": vars.$warning,
    ),
    "danger": (
      // 危险色
      "base": vars.$danger,
    ),
    "error": (
      // 错误色
      "base": vars.$error,
    ),
  )
);

:root {
  --el-border-radius-base: 0.38rem;
  --el-fill-color-blank: #1a1b1c;
  --el-border-color: #464a4b;
  --bg-gray: #fcfcfc;
  --el-bg-color-overlay: #1a1b1c;
  --el-border-color-light: #464a4b;
  --el-border-color-hover: #464a4b;
  --el-text-color-placeholder: #6c6c6c;
  --el-fill-color-light: rgba(70, 74, 75, 0.102) !important;
  --el-text-color-regular: #cacaca;
  --realbox-model-bg: #232829;
}

.el-input,
.el-select {
  --el-input-hover-border-color: #464a4b !important;
  --el-select-border-color-hover: #464646 !important;
}

.el-input--large {
  font-size: 0.88rem !important;
  line-height: 1.25rem !important;
}

.el-select-dropdown__item.is-hovering {
  color: vars.$primary;
}

.el-notification {
  --el-notification-border-color: var(--el-bg-color-overlay);
}

.el-dialog {
  --el-dialog-bg-color: var(--realbox-model-bg);
}

.el-message-box {
  --el-messagebox-title-color: var(--el-messagebox-content-color);
  background-color: var(--realbox-model-bg);
}
